<template>
	<div class="center-two">
		<div class="account">
			<div class="title">智慧停车场实时数据库统计</div>
			<div class="char">
				<park />
			</div>
		</div>
		<div class="account">
			<div class="title">人流统计</div>
			<div class="char">
				<static />
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'center-two',
	components: {
		park: () => import('./echarts/park'),
		static: () => import('./echarts/static')
	}
}
</script>

<style scoped lang="less">
@import '../assets/css/mixin.css';
.center-two {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	.account {
		flex: 1;
		height: 100%;
		border: 1px solid rgba(33, 181, 227, 1);
		border-radius: 6px;
		&:nth-child(2) {
			margin-left: 45px;
		}
		.char {
			height: calc(100% - 50px);
		}
	}
}
</style>
